<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>xxx学校录取信息查询系统</title>
		<link href="zui/css/mzui.css" rel="stylesheet">
		<script src="zui/lib/jquery/jquery-3.2.1.min.js"></script>
		<script src="zui/js/mzui.js"></script>
		<meta itemprop="name" content="xxx学校录取信息查询系统">
		<meta itemprop="description" content="本页面由xxx学校招生办提供资讯">

	</head>
	<body>
		<div class="heading" style="background: #fff;margin-bottom:1rem">
			<div class="avatar"><i class="icon-home"></i></div>
			<div class="title"><strong>录取信息查询</strong></div>
			<nav class="nav">
				<a data-display data-backdrop="true" data-target="#target4" data-placement="bottom"><i class="icon-phone"></i></a>
			</nav>
		</div>
		<div class="container" style="max-width:30rem;">
			<div class="box" style="background: #fff;margin-bottom:1rem;text-align: center;">
				<img src="./img/1.png">
			</div>
			<div id="cxck" class="box" style="background: #fff;margin-bottom:1rem;">
				<div class="title" style="margin-bottom:1rem;margin-top:0.5rem;"><strong>2019年xxx学校xxx学校最终录取结果查询</strong></div>
				<div class="control has-label-left has-icon-right">
					<input name="username" type="text" class="input" id="ip_ksh" placeholder="请输入14位考生号,按下方查询按钮即可" style="height: 2rem;margin-bottom:0.5rem;text-indent: 0.5rem;;">
					<label for="username"  style="margin-top:0.3rem;margin-left:0.3rem;"><i class="icon-user"></i></label>
				</div>
				<button type="button" id="cx" class="btn primary" style="width:100%;height: 2rem;margin-bottom:1rem;">查询</button>
			</div>
			<div id="lqmb" class="box " style="background: #fff;margin-bottom:8rem;">
				<p class="blue"><span class="xm">waiting...</span>同学，恭喜你！你已被我院录取！请于9月15日、16日来我校报道。</p>
				<style>
					.table .tbt{width:4rem;font-weight:bold}
				</style>
				<table class="table">
					<tbody>
						<tr>
							<td class="tbt">考生号</td>
							<td><span id="ksh">waiting...</span></td>
						</tr>
						<tr>
							<td class="tbt">姓名</td>
							<td><span class="xm">waiting...</span></td>
						</tr>
						<tr>
							<td class="tbt">性别</td>
							<td><span id="xb">waiting...</span></td>
						</tr>
						<tr>
							<td class="tbt">投档成绩</td>
							<td><span id="tdcj">waiting...</span></td>
						</tr>
						<tr>
							<td class="tbt">录取专业</td>
							<td><span id="lqzy">waiting...</span></td>
						</tr>
						<tr>
							<td class="tbt">收件人</td>
							<td><span id="sjr">waiting...</span></td>
						</tr>
						<tr>
							<td class="tbt">收件地址</td>
							<td><span id="sjdz">waiting...</span></td>
						</tr>
					</tbody>
				</table>
				
				<p class="red" data-display data-backdrop="true" data-target="#target4" data-placement="bottom">招生办联系电话：<br> 0000-0000000，0000-0000000</p>
			</div>
		</div>
		<div class="xf" style="background: #fff;position: fixed;bottom: 1rem;right:1rem;padding:0.3rem 0.3rem;border-radius: 1rem;box-shadow: 0 0 18px 0px #ccc;"
		 data-display data-backdrop="true" data-target="#target4" data-placement="bottom">
			<div class="avatar circle green"><i class="icon icon-phone"></i></div>
			联系我们
		</div>

		<div id="target4" class="affix dock-bottom modal hidden">
			<div class="title" style="padding:1rem"><strong>招生办联系方式</strong>（手机端可直接点击下方号码进行拨号）</div>
			<div class="list">
				<a class="item with-avatar" href="tel:0000-0000000">
					<div class="avatar circle blue"><i class="icon icon-user"></i></div>
					<div class="title">0000-0000000</div>
				</a>
				<a class="item with-avatar" href="tel:0000-0000000">
					<div class="avatar circle blue"><i class="icon icon-user"></i></div>
					<div class="title">0000-0000000</div>
				</a>
			</div>
		</div>
		
		<div>
			<p style="text-align: center;">CopyRight@2019 本页面由xxx学校招生办提供资讯</p>
		</div>
	</body>
</html>
<script type="text/javascript">
	$().ready(function() {
		$("#lqmb").hide();
		$("#cx").click(function() {
			
			$.get("index_the_last.php", {
				ksh: $("#ip_ksh").val()
			}, function(re) {
				a = JSON.parse(re);
				//console.log(a.ksh);
				if(a.is_s=="true"){
					$("#ksh").html(a.ksh);
					$("#xb").html(a.xb);
					$(".xm").html(a.xm);
					$("#tdcj").html(a.tdcj);
					
					$("#lqzy").html(a.lqzy);
					$("#sjr").html(a.sjr);
					$("#sjdz").html(a.sjdz);
					
					$("#lqmb").show();
					var target_top = $("#cxck").offset().top;
					$("html,body").animate({scrollTop: target_top}, 500);  //带滑动效果的跳转
					//$("html,body").scrollTop(target_top);
				}else{
					$("#lqmb").hide();
					alert(a.info);
				}
			});
		})
	})
</script>
